<!DOCTYPE html>
<html>
<head>
  <title>Myblog</title>
  <link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.css" />

    <link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap-theme.css" />
    <link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  	
  <%= stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true %>
  <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
  <%= csrf_meta_tags %>
  <style type="text/css">
		h2{
			font-size: 30px;
		}
    body { 
      background-size:100% 100%;
      background-repeat:no-repeat;
    }
    .lettercolor{
      color: white;
    }
    .text{
      color: rgb(0,0,0);
    }
    .picture{
      background-color: rgb(218, 99, 93);
    }
    .color{
      background-color:#EDAA4E;
    }
  </style>
<body class="color">
<nav class="navbar navbar-default navbar-static-top navbar-inverse" role="navigation">
  <div class="container">
    <ul class="nav navbar-nav">
      <li class="active"><a href="/blogs">Myblog</a></li>
      <li><a href="#">Blogs</a></li>
      <li><a href="#">Photos</a></li>
      <li><a href="#">About</a></li>
    </ul>
  </div>
</nav>
<div class="jumbotron picture lettercolor">
  <h1 style="font-size:90px;">The Drift bottles</h1>
  <p class="lettercolor">虾星人的小窝</p>
</div>
<div class="container">
  <%= yield %>
</div>
<footer>
  <p class="text-center">
    Copyright © 2014 - Xi Dian
  </p>
</footer>
</body>
</html>
